<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
	pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<meta name="viewport"
	content="width=device-width, initial-scale=1, user-scalable=no">
<title>Insert title here</title>
<script src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript" src="pushy.js"></script>
<script type="text/javascript" src="modernizr-2.6.2.min.js"></script>
<link rel="stylesheet" href="normalize.css">
<link rel="stylesheet" href="demo.css">
<script type="text/javascript">
	$(document).ready(function(){
		
		$('#Add').click(function(){
			window.location("addCase.html");
		});
	});
</script>
<style>
@font-face {
	font-family: 'SourceSansProSemibold';
	src:
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.eot');
	src:
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.eot?#iefix')
		format('embedded-opentype'),
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.woff')
		format('woff'),
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.ttf')
		format('truetype'),
		url('http://t1.dkrt.in/fonts/fonts/SourceSansPro-Semibold-webfont.svg#SourceSansProSemibold')
		format('svg');
	font-weight: normal;
	font-style: normal
}

input[type="button"] {
	font: 400 20px/40px 'SourceSansProSemibold', sans-serif;
	height: 22px;
	padding: 8px 15px;
	text-align: center;
	text-decoration: none;
	background: -webkit-linear-gradient(top, #329C92 0%, #00456E 100%);
	background: -o-linear-gradient(top, #329C92 0%, #00456E 100%);
	background: -ms-linear-gradient(top, #329C92 0%, #00456E 100%);
	background: linear-gradient(to bottom, #329C92 0%, #00456E 100%);
	color: #FFFFFF;
	display: block;
	border: medium none;
	color: #FFFFFF;
	cursor: pointer;
	float: left;
	height: 60px;
	overflow: visible;
	padding: 0 15px;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 1px 1px rgba(0, 0, 0, 0.15);
	transition: all 0.2s ease 0s;
	border-radius: 3px;
	width: 50%;
}

input[type="button"]:hover {
	background: #329C92;
	cursor: pointer;
	text-decoration: none;
	transition-duration: 0s;
	transition-timing-function: ease;
}

#link {
	float: left;
	margin-top: 3%;
}

#legal {
	font: 400 20px/40px 'SourceSansProSemibold', sans-serif;
}

#Add {
	margin-top: 40%;
	margin-left: 25%;
}

@media screen and (max-width: 768px) {
	#legal {
		font: 400 30px/40px 'SourceSansProSemibold', sans-serif;
		margin-left: -10%;
	}
	#link {
		margin-top: -0.5%;
		float: left;
		font-size: 2em;
		font-weight: bold;
	}
}

@media screen and (max-width: 360px) {
	#legal {
		font: 400 25px/40px 'SourceSansProSemibold', sans-serif;
		margin-left: -10%;
	}
	#link {
		margin-top: 0%;
		float: left;
		font-size: 1.5em;
		font-weight: bold;
	}
}
</style>
</head>
<body>
	<nav class="pushy pushy-left">
	<ul>
		<li><a href="index.jsp">Home</a></li>
		<li><a href="addCase.html">Add Case(s)</a></li>
		<li><a href="viewCase.html">View Case(s)</a></li>
		<li><a href="#">Delete</a></li>
		<li><a href="#">Update</a></li>
		<li><a href="#">Instructions</a></li>

	</ul>
	</nav>

	<!-- Site Overlay -->
	<div class="site-overlay"></div>

	<!-- Your Content -->
	<div id="container">
		<!-- Menu Button -->
		<div class="menu-btn">
			<span id="link">&#9776;</span> <span id="legal">Legal Diary</span>
		</div>

		<input type="button" id="Add" name="add" value="Add Case &#43;" />
	</div>

	<!-- Pushy JS -->

</body>
</html>